<template>
	<div class="footer flex-bottom">
		<div class="f-left"></div>
		<div class="f-content flex-center-center">
			<div>
				<div class="tel">400-681-5218（转8）</div>
				<div class="corporate-name">苏州冷王网络科技有限公司</div>
			</div>
		</div>
		<div class="f-right"></div>
		<div class="rightpart">
			<div class="fillet"></div>
		</div>
	</div>
</template>
<script>
export default {
	name: "FooterSpan"
}
</script>
<style scoped>
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
}
.f-left {
	background-color: #ffffff;
	width: 25px;
	height: 100%;
	border-top-left-radius: 25px;
}
.f-right {
	background-color: #ffffff;
	width: 25px;
	height: 100%;
	border-top-right-radius: 25px;
}
.f-content {
	background-color: #ffffff;
	height: 100%;
	color: #000000;
	text-align: left;
	font-size: 10pt;
}
.rightpart {
	float: right;
	width: 100%;
	height: 20px;
	background-color: #ffffff;
}
.fillet {
	background: radial-gradient(
			circle at right top,
			transparent 25px,
			#ffffff 0
		)
		left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 28px;
	width: 25px;
	margin-top: -25px;
  margin-left: -1px;
}
.tel,
.corporate-name {
	white-space: nowrap;
}
</style>